import { Group, Layer, Line, Stage } from 'react-konva'

export default function View() {
  return (
    <Stage width={window.innerWidth} height={window.innerHeight}>
      <Layer>
        <Group draggable={true} clipX={100} clipY={40} clipWidth={200} clipHeight={100}>
          <Line
            points={[73, 140, 340, 23, 500, 109, 300, 170]}
            stroke='blue'
            strokeWidth={10}
            fill='#aaf'
            tension={0.8}
            closed={true}
          ></Line>
          <Line
            points={[73, 140, 340, 23, 500, 109]}
            stroke='red'
            strokeWidth={10}
            fill='#faa'
            tension={1.2}
            closed={true}
            scale={{ x: 0.5, y: 0.5 }}
            x={100}
            y={50}
          ></Line>
        </Group>
      </Layer>
    </Stage>
  )
}
